*{
	margin: 0px;
	padding: 0px;
}
ul,li{
	list-style: none;
}
#box{
	margin: 20px;
	width: 210px;
	height: auto;
	border:1px solid #DDDDDD;
	border-top: 2px solid #999999;
	border-bottom: none;
	.item{
		cursor: pointer;
		list-style: none;
		overflow: hidden;
		line-height: 30px;
		.itemHeader{
			padding-left: 10px;
			width: 200px;
			height: 30px;
			background: #F7F7F7;
			border-bottom: 1px solid #DDDDDD;
			b{
			width: 16px;
			height: 16px;
			float: left;
			background: url(../imgs/back.png) no-repeat -20px 0px;
			margin-top: 7px;
			margin-right: 5px;
			}
			i{
				float: left;
				font-style: normal;
				font-weight: 400;
				font-size: 14px;
				font-family: 微软雅黑;
				color: #666;
			}
		}
		ul{
			float: left;
			width: 100%;
			border-bottom: 1px solid #DDDDDD;
			padding-top: 8px;
			padding-bottom: 5px;
			display: none;
			li{
				float: left;
				width: 190px;
				padding-left: 20px;
				line-height: 25px;
				height: 25px;
				a{
					display: inline-block;
					width: 100%;
					height: 25px;
					color: #666666;
					text-decoration: none;
					font-size: 13px;
				}
				a:hover{
					color: #E4393C;
				}
			}
			li:hover{
				background: #ddd;
			}
		}
	}
	div.active{
		.itemHeader{
			b{
			background-position: -37px 0px;
			}
		}
	}
}